<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript" src="../../zxt/zxt.js"></script>
    <script>
    	importZXT("../../zxt");
    </script>
    
	
</head>

<body class="bodyBackground">

	  
	<div id="socket" style='width:600px' zxt="zxt.ui.Bar" zxt.configFunc="configBar" style="background-color:#f3f8e6;">
		<div zxt.front="true" id="optButton" zxt="zxt.ui.Button" zxt.label="opt" zxt.text="操作11111111111111"></div>
		<div>ABCDEFG</div>
	</div>
	<table>
		<tr>
			<td>getType()</td>
			<td>返回控件类型</td>
			<td><input type="button" name="getType" value="getType" 
				onclick="alert('工具栏的type为'+$zxtUI.btn2.getType());"/></td>
		</tr>
		<tr>
			<td>addElement(elem, before)</td>
			<td>插入传入的DOM元素 before为true时调用frontAppend false时调用endAppend</td>
			<td><input type="button" name="addElement" value="addElement" 
				onclick="$zxtUI.socket.addElement('<div>addElement</div>',true);alert('工具栏在前面增加了dom节点');"/></td>
		</tr>
		<tr>
			<td>endAppend(elem)</td>
			<td>在原有控件后面插入传入的DOM元素 </td>
			<td><input type="button" name="endAppend" value="endAppend" 
				onclick="$zxtUI.socket.endAppend('<div>endAppend</div>');alert('工具栏在后面增加了dom节点');"/></td>
		</tr>
		<tr>
			<td>frontAppend(elem)</td>
			<td>在原有控件前面插入传入的DOM元素</td>
			<td><input type="button" name="frontAppend" value="frontAppend" 
				onclick="$zxtUI.socket.frontAppend('<div>frontAppend</div>');alert('工具栏在前面增加了dom节点');"/></td>
		</tr>
	</table>
	<div><a href="../index.html">返回</a></div>
</body>

</html>

<script type="text/javascript"">

	function onClick$optButton() {
		alert("ABCDEFG");
	}	
		

	function configBar(bar) {
		
	}
	
	
	$zxt.init();
	
</script>